<HTML>
<HEAD>
<SCRIPT>
function docFragAppendTest() {
  var d = document.createDocumentFragment();
  d.appendChild(document.createTextNode(" Hello"));
  var b = document.createElement("B")
  b.appendChild(document.createTextNode(" there"));
  d.appendChild(b);
  p = document.getElementById("appendTest");
  p.appendChild(d);
  alert("This number should be 0: " + d.childNodes.length);
}
function docFragReplaceTest() {
  var d = document.createDocumentFragment();
  d.appendChild(document.createTextNode(" new"));
  var b = document.createElement("B")
  b.appendChild(document.createTextNode(" ones"));
  d.appendChild(b);
  p = document.getElementById("replaceTest");
  s = document.getElementById("replaceSpan");
  if (null != s) {
    p.replaceChild(d, s);
  }
  alert("This number should be 0: " + d.childNodes.length);
}
</SCRIPT>
</HEAD>
<BODY>
<H1>Document Fragment test</H1>

<P ID="appendTest">If this test works, clicking on this <A href="" onclick="docFragAppendTest(); return false;">link</A> will add two words to the end of this paragraph.</P>

<P ID="replaceTest">
Clicking on this <A href="" onclick="docFragReplaceTest(); return false;">link</A> will replace the following two words with new ones: <span id="replaceSpan">two words</span>.
</P>

</BODY>
</HTML>